.vision-content {
    padding: 10px;

    .vision-top-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;

        .main-actions {
            flex: 1;
            display: flex;
            justify-content: space-between;
            margin-right: 15px;

            .main-actions-left {
                display: flex;
                flex-direction: row;

                &>* {
                    margin-right: 15px;

                    &:last-child {
                        margin-right: 0
                    }
                }
            }

            .load-image-button {
                padding: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;

                label {
                    padding: 0 15px;
                    cursor: pointer;
                }
            }
        }

        .more-info {
            font-size: 14px;
        }
    }

    .vision-image {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        overflow: hidden;
        width: 100px;
        height: 100px;
        border: 1px solid #ccc;

        img {
            max-height: 100px;
        }
    }

    .vision-name {
        font-size: 14px;
        word-break: break-all;
    }

    .vision-actions {
        display: flex;
        flex-direction: row;
        justify-content: center;

        button {
            margin-right: 5px;

            &:last-child {
                margin-right: 0;
            }
        }
    }
}